<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- ======================设备切换优化====================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="你好我叫夜鹏程，这里是我的主页，里面有我所有珍藏的宝贝，如果你需要尽管拿走！">
    <!-- ======================标题====================== -->
    <title>鹏程爱科技</title>
    <!-- ======================图标====================== -->
    <link rel="icon" type="image/png" href="https://y.yepc.cn/LOGO/e.png">
    <!-- ======================外部CSS====================== -->
    <link rel="stylesheet" href="./CSS/host.css">
    <link rel="stylesheet" href="./CSS/home.css">
    <link rel="stylesheet" href="./CSS/search.css">
    <link rel="stylesheet" href="./CSS/websites.css">
    <link rel="stylesheet" href="./CSS/projects.css">
    <link rel="stylesheet" href="./CSS/concerning.css">
</head>
<body>
    <!-- ======================背景====================== -->
    <div class="background" style="background-image: url('https://y.yepc.cn/Homepage/background.png'); background-repeat: no-repeat; background-position: center center;"></div>

    <!-- ======================毛玻璃效果窗口====================== -->
    <div class="frosted-glass">
    <!-- ======================标题栏====================== -->
        <div class="header">
            <img src="https://y.yepc.cn/LOGO/e.png" alt="logo" class="logo">
            <h2>夜鹏程</h2>
        </div>

        <!-- ======================文件夹导航栏====================== -->
        <div class="folder-nav">
            <!-- ======================首页====================== -->
            <button class="folder-tab active" data-tab="home">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="folder-icon">
                    <!-- 这里粘贴home svg文件中的所有内容 -->
                <path d="M234.688 944h554.624q33.152 0 56.576-23.424t23.424-56.576V529.92h51.776q38.528 0 52.288-36.032 13.76-36.032-15.04-61.696L568.704 84.416q-22.656-20.16-52.928-20.288-30.336-0.128-53.12 19.84L66.688 431.936q-29.056 25.6-15.36 61.824 13.632 36.288 52.352 36.288h51.008V864q0 33.152 23.424 56.576t56.576 23.424z m405.312-64V704q0-33.152-23.424-56.576T560 624h-96q-33.152 0-56.576 23.424T384 704v176H234.688q-6.656 0-11.328-4.672t-4.672-11.328V505.984q0-40-40-40h-53.76l379.968-333.888q10.624-9.344 21.184 0.064l374.016 333.824h-54.784q-40 0-40 40V864q0 16-16 16H640zM576 704v176H448V704q0-6.656 4.672-11.328t11.328-4.672h96q6.656 0 11.328 4.672T576 704z"/> <!-- 例如：实际SVG的路径数据 -->
                <!-- 其他SVG元素... -->
                </svg>
                <span>首页</span>
            </button>
            <!-- ======================网站====================== -->
            <button class="folder-tab" data-tab="websites">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="folder-icon">
                    <!-- 这里粘贴home svg文件中的所有内容 -->
                <path d="M993.28 512c0 249.856-231.424 413.696-468.992 413.696-227.328 8.192-419.84-172.032-425.984-399.36-8.192-229.376 172.032-421.888 399.36-428.032h26.624c237.568 0 468.992 163.84 468.992 413.696z m-180.224-256v2.048h2.048c-2.048 0-2.048 0-2.048-2.048zM317.44 167.936l-2.048 16.384c2.048-2.048 4.096-2.048 8.192-4.096V184.32l8.192 28.672 10.24 10.24h8.192v18.432l-18.432 10.24-18.432 10.24-8.192 18.432c0 8.192-4.096 14.336-10.24 18.432-6.144 4.096-10.24 12.288-8.192 18.432v18.432l-20.48-12.288-28.672-18.432-18.432-10.24 10.24-28.672 8.192-28.672-10.24 4.096c6.144-6.144 14.336-12.288 22.528-18.432l6.144-16.384c-34.816 28.672-63.488 63.488-86.016 102.4 12.288-18.432 24.576-34.816 40.96-51.2l-10.24 14.336-10.24 14.336-18.432 28.672-8.192 6.144-4.096 8.192 12.288 12.288 18.432 10.24c10.24 4.096 20.48 10.24 28.672 18.432 6.144 10.24 12.288 18.432 18.432 28.672v10.24l10.24 18.432-28.672-10.24-18.432-10.24-18.432-10.24-18.432 10.24v10.24l18.432 10.24 10.24 10.24c-6.144 4.096-12.288 6.144-18.432 10.24-10.24 6.144-20.48 12.288-28.672 18.432l-18.432 18.432-8.192 18.432v10.24c0 30.72 4.096 63.488 12.288 94.208H143.36l38.912 6.144 18.432 10.24 18.432 10.24 18.432 10.24 18.432 28.672 28.672-10.24h18.432v28.672l-10.24 18.432-18.432 18.432c-6.144 6.144-12.288 14.336-18.432 18.432-14.336 12.288-6.144 8.192-18.432 18.432-4.096 6.144-8.192 12.288-8.192 18.432l-2.048 2.048c151.552 157.696 403.456 159.744 559.104 8.192 75.776-73.728 118.784-176.128 120.832-282.624v-16.384l-18.432 6.144-18.432 28.672v36.864h-18.432l-18.432-18.432c-2.048-6.144-2.048-12.288 0-18.432l-10.24-28.672-28.672-18.432-28.672-10.24-18.432-18.432h-18.432l28.672 28.672 8.192 18.432-18.432 10.24-18.432 18.432 8.192 18.432-18.432 18.432-18.432 18.432-10.24 28.672 10.24 18.432-10.24 36.864-28.672 28.672-18.432 38.912-18.432 10.24-28.672-10.24-18.432-28.672-8.192-36.864V614.4l-10.24-18.432v-10.24l-18.432-10.24h-36.864l-18.432-10.24-28.672-10.24-10.24-36.864v-28.672l36.864-36.864 18.432-10.24 28.672-18.432c10.24 2.048 18.432 4.096 28.672 10.24 8.192 6.144 14.336 12.288 18.432 18.432h28.672l36.864 10.24 18.432-18.432 18.432-10.24-28.672-10.24-18.432-10.24-26.624-4.096-28.672-10.24h-28.672l-18.432 18.432-47.104 10.24-18.432-10.24 18.432-18.432 18.432-10.24 10.24-10.24V368.64l-18.432-10.24-18.432-18.432 8.192-18.432 10.24-10.24h8.192l10.24 18.432 18.432 10.24h18.432l18.432-10.24v-18.432h-28.672v-18.432l18.432-10.24 18.432-18.432 10.24-28.672 28.672-18.432 28.672 10.24h18.432l8.192 28.672 8.192 18.432 18.432-18.432 28.672-10.24 36.864-10.24 24.576-8.192C663.552 108.544 471.04 81.92 317.44 167.936z m165.888 729.088z m0 0z m83.968-10.24z m0 0h-2.048 2.048zM512 993.28C245.76 993.28 30.72 778.24 30.72 512S245.76 30.72 512 30.72 993.28 245.76 993.28 512 778.24 993.28 512 993.28z m0-868.352C299.008 124.928 124.928 299.008 124.928 512S299.008 899.072 512 899.072c212.992 0 387.072-172.032 387.072-387.072 0-212.992-174.08-387.072-387.072-387.072z"/> <!-- 例如：实际SVG的路径数据 -->
                </svg>
                <span>网站</span>
            </button>
            <!-- ======================项目====================== -->
            <button class="folder-tab" data-tab="projects">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="folder-icon">
                    <!-- 这里粘贴home svg文件中的所有内容 -->
                <path d="M896 896l-45.44-45.12A63.808 63.808 0 0 1 896 832a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64H256a64 64 0 0 0-64 64v5.44c0 17.6-7.04 33.536-18.56 45.12L128 133.44V128a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v640a128 128 0 0 1-128 128zM64 256v640a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H128a64 64 0 0 0-64 64z m704-128a128 128 0 0 1 128 128v640a128 128 0 0 1-128 128H128a128 128 0 0 1-128-128V256a128 128 0 0 1 128-128h640z"/> <!-- 例如：实际SVG的路径数据 -->
                </svg>
                <span>项目</span>
            </button>
            <!-- ======================关于====================== -->
            <button class="folder-tab" data-tab="about">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="folder-icon">
                    <!-- 这里粘贴home svg文件中的所有内容 -->
                <path d="M898.133333 960c-17.066667 0-32-14.933333-32-32-4.266667-196.266667-168.533333-352-364.8-345.6-189.866667 4.266667-341.333333 157.866667-345.6 345.6 0 17.066667-14.933333 32-32 32s-32-14.933333-32-32c4.266667-230.4 196.266667-413.866667 428.8-409.6 224 4.266667 405.333333 185.6 409.6 409.6 0 17.066667-12.8 32-32 32z" fill="#ffffff" p-id="13301"></path><path d="M512 573.866667c-140.8 0-253.866667-113.066667-253.866667-253.866667S371.2 64 512 64s253.866667 113.066667 253.866667 253.866667c0 140.8-113.066667 256-253.866667 256zM512 128c-104.533333 0-189.866667 85.333333-189.866667 189.866667s85.333333 189.866667 189.866667 189.866666 189.866667-85.333333 189.866667-189.866666S616.533333 128 512 128z"/> <!-- 例如：实际SVG的路径数据 -->
                </svg>
                <span>关于</span>
            </button>
        </div>
    
        <!-- ======================内容区====================== -->
        <div class="content-container">
            <!-- ======================首页内容区====================== -->
            <div class="tab-content active" id="home">
                <div class="home-section">
                    <!-- ======================首页标题====================== -->
                    <h2>人民有信仰 国家有力量 民族有希望</h2>
                    
                    <!-- ======================搜索框====================== -->
                    <div class="search-container">
                        <div class="search-box">
                            <input type="text" id="search-input" placeholder="搜索网站和项目" autocomplete="off">
                            <button class="search-btn">
                                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M21 21L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </button>
                        </div>
                        <div id="search-results" class="search-results"></div>
                    </div>

                    <!-- ======================首页视频====================== --><!-- 使用的HTML5视频播放，有部分老浏览器会不支持 -->
                    <div class="home-video">
                        <video controls>
                            <source src="https://vodpub1.v.news.cn/original/20221002/3f375bfb17484caa99f842e1a8a69ae3.mp4" type="video/mp4">
                            您的浏览器不支持HTML5视频播放。
                        </video>
                    </div>
                    <!-- ======================宝贝回家公益广告====================== -->
                    <div class="charity-link">
                        <a href="https://www.baobeihuijia.com/" target="_blank" rel="noopener noreferrer">
                            <span role="img" aria-label="爱心图标">❤️</span> 
                            点击加入"宝贝回家"公益行动，帮助失踪儿童回家
                        </a>
                    </div>
                    <!-- ======================首页底部的主题信息和备案信息====================== -->
                    <!-- ======================底部版权信息====================== -->
                    <footer class="footer">
                        <div class="footer-content" data-content="">
                            <!-- ======================主题信息“请不要删除此信息”====================== -->
                            <a href="https://yepc.cn" target="_blank" style="color: #ffffff; font-size: 18px;">夜鹏程 &copy; 2025</a>|
                            <!-- ======================备案信息====================== -->
                            <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #ffffff; font-size: 18px;">冀ICP备2022009663号</a>|
                            <!-- ======================又拍云广告信息====================== -->
                            <a href="https://www.upyun.com/?utm_source=upyun&utm_medium=referral&utm_campaign=upyun" target="_blank" style="color: #ffffff; font-size: 18px;">本站由
                                <img src="https://www.upyun.com/static/favicon-64x64.png" alt="又拍云" width="20" height="20">
                                又拍云提供云存储</a>
                        </div>
                    </footer>
                </div>
            </div>

            <!-- ======================网站内容区====================== -->
            <div class="tab-content" id="websites">
                <div id="websites-container"></div>
            </div>

            <!-- ======================项目内容区====================== -->
            <div class="tab-content" id="projects">
                <div id="projects-container"></div>
            </div>
            <!-- ======================关于内容区====================== -->
            <div class="tab-content" id="about">
                <div class="about-content">
                    <div class="about-avatar">
                        <!-- ======================头像src是头像地址====================== -->
                        <img src="https://y.yepc.cn/LOGO/e.png" alt="夜鹏程">
                    </div>
                    <!-- ======================介绍性文字H2是标题====================== -->
                    <div class="about-text">
                        <h2>夜鹏程</h2>
                        <p>你好，我是夜鹏程，一名热爱技术的无名小卒。</p>
                        <p>我在四五线的小城市，经营着一家修电脑的小店。</p>
                        <p>这个网站只是我兴趣的开始，希望在我这里你可以找到你有用的。</p>
                        <p>如果你对我的主页感兴趣，或者在使用我的主页源码，请保留页脚关于我的信息！</p>
                    </div>
                    <!-- ======================技能区====================== -->
                    <h3>技能</h3>
                    <div class="skills-list">
                        <div class="skill-tag">修电脑</div>
                        <div class="skill-tag">html</div>
                        <div class="skill-tag">CSS</div>
                        <div class="skill-tag">JavaScript</div>
                        <div class="skill-tag">Python</div>
                        <div class="skill-tag">photoshop</div>
                        <div class="skill-tag">illustrator</div>
                    </div>
                    <!-- ======================联系方式区====================== -->
                    <div class="contact-info">
                        <h3>联系方式</h3>
                        <!-- ======================想添加更多联系方式在复制更多的A标签即可，但是图标库里面的图标不是很多，好多都没有====================== -->
                        <div class="contact-links">
                            <a href="https://gitee.com/yepccn" target="_blank" class="contact-link">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="contact-icon">
                                    <path d="M891 428.8H465.8c-20.4 0-37 16.5-37 37v92.4c0 20.4 16.5 37 37 37h258.9c20.4 0 37 16.6 37 37v18.4c0 61.3-49.7 110.9-110.9 110.9H299.4c-20.4 0-37-16.6-37-37V373.2c0-61.3 49.7-110.9 110.9-110.9h517.6c20.4 0 37-16.5 37-37l0.1-92.3c0-20.4-16.5-37-37-37H373.3C220.2 96 96 220.2 96 373.3V891c0 20.4 16.6 37 37 37h545.4C816.2 928 928 816.3 928 678.4V465.8c0-20.4-16.6-37-37-37z"/>
                                </svg>
                                <span>码云</span>
                            </a>
                            <a href="mailto:yepc@88.com" target="_blank" class="contact-link">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="contact-icon">
                                    <path d="M886.3 299.8l-381.1 220-371.6-214.6c3.6-56.2 50.3-100.7 107.4-100.7h538.3c55.3 0 100.9 41.6 107 95.3z m0.7 78.8v334.9c0 59.5-48.2 107.7-107.7 107.7H241c-59.5 0-107.7-48.2-107.7-107.7V384.3l354.9 204.9c12.2 7 26.9 5.7 37.5-2.1 0.5-0.2 0.9-0.5 1.4-0.8L887 378.6z"/>
                                </svg>
                                <span>邮箱</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- ======================外部JS文件====================== -->
    <script src="./js/host.js"></script>
    <script src="./js/home.js"></script>
    <script src="./js/search.js"></script>
    <script src="./js/websites.js"></script>
    <script src="./js/projects.js"></script>
    <script src="./js/concerning.js"></script>
    <script src="./js/imageFallback.js"></script>
    
    <!-- ======================页面初始化====================== -->
    <script>
        // 页面加载完成后初始化
        document.addEventListener('DOMContentLoaded', function() {
            initHost();
            initHome();
            initSearch();
        });
    </script>
</body>
</html>